@import "./global";
@import "./function";
@import "./reset";
body{
  background-color: @pageBg;
  padding-bottom: 100*@px;
}
.m-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 1px solid @separate_line;
  height: 100*@px;
  ul {
    background: white;
    .clearfix();
    display: flex;
    height: 100%;
    li {
      flex: 1;
      text-align: center;
      a{
          display: block;
          height: 100%;
        img {
          margin: 7*@px auto 0;
          display: block;
          height: 44*@px;
          }
        p {
            font-size: 22*@px;
            color: #A2A2A2;
            margin-top: 10*@px;
        }
      }
      
    }
    .current{
        p{
            color:black;
        }
    }
  }
}
.hide{
  display: none !important;
}
.show{
  display: block !important;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
// 提示的蒙版框
.mask{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba((0), 0, 0, 0.6);
  z-index: 9999;
}
.mask>div{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  width: 80%;
  background-color: white;
  border-radius: 16*@px;
}
.mask>div .tip{
  padding: 40*@px 24*@px;
  text-align: center;
  font-size: 26*@px;
  line-height: 36*@px;
  border-bottom: 1*@px solid @separate_line;
}
.mask .operation {
  display: flex;
}
.mask .operation>div{
  flex: 1;
  font-size: 26*@px;
  line-height: 80*@px;
  height: 80*@px;
  text-align: center;
}
.mask>div .btn{
  color: @firstLevelPageColor;
  border-left: 1*@px solid @separate_line;
}

/*密码支付蒙版  */
.payPassword{
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.6);
  width: 100%;
  height: 100%;
}
.payPassword .box{
  background-color: #e4e4e4;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  width: 600*@px;
  border-radius: 20*@px;
  padding: 24*@px;
  box-sizing: border-box;
  text-align: center;
}
.payPassword .box>img{
  position: absolute;
  right: 24*@px;
  top: 24*@px;
  width: 36*@px;
  height: 36*@px;
}

.payPassword .box .tip{
  display: block;
  font-size: 28*@px;
  color: black;
  line-height: 38*@px;
}
.payPassword .box .list{
  height: 80*@px;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 30*@px;
  margin-top: 30*@px;
}
.payPassword .box .list>input{
  width: 100%;
  height: 100*@px;
  line-height: 100*@px;
  text-align: left;
  padding-left: 24*@px;
  box-sizing: border-box;
  font-size: 30*@px;
  border: 1*@px solid #aaa;
}
.payPassword .box div .cencel,.payPassword .box div .determine{
  width: 160*@px;
  height: 60*@px;
  line-height: 60*@px;
  font-size: 28*@px;
  text-align: center;
  border-radius: 20*@px;
  display: inline-block;
}
.payPassword .box div .cencel{
  background: green;
  color: white;
}
.payPassword .box div .determine{
  background: red;
  color: white;

}
// 日常提示
.prompt{
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  padding: 16*@px 20*@px;
  font-size: 26*@px;
  line-height: 36*@px;
  color: white;
  background:rgba(0, 0, 0, 0.8);
  border-radius: 10*@px;
}

// loding   加载中
.loding{
  display: none;
  width: 200*@px;
  height: 200*@px;
  border-radius: 10*@px;
  background:rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 50%;
  top: 50%;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  text-align: center;
  font-size: 24*@px;
  line-height: 34*@px;
  color: white;
}
.loding img{
  width: 70*@px;
  margin: 30*@px 10*@px;
  -webkit-animation:circle 1.5s infinite linear;/*匀速 循环*/
  -moz-animation:circle 1.5s infinite linear;
  -ms-animation:circle 1.5s infinite linear;
  -o-animation:circle 1.5s infinite linear;
  animation:circle 1.5s infinite linear;
}
@-webkit-keyframes circle{
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(360deg); }
}
@keyframes circle{
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(360deg); }
}

